<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>订单管理</title>
    <#include "/include/resource.html"/>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
    <#include "/include/header.html"/>
    <!-- Left side column. contains the logo and sidebar -->
    <#include "/include/main-sidebar.html"/>
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                取消订单列表
                <small>已取消订单</small>
            </h1>
            <ol class="breadcrumb">
                <li><i class="fa fa-dashboard"></i> 订单列表</li>
                <li class="active">取消订单</li>
            </ol>
        </section>

        <!-- Main content -->
            <section class="content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="box">
                            <div class="box-header with-border">
                                <h3 class="box-title">订单列表</h3>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body">
                                <form id="tableForm" method="post" class="form-horizontal" action="${base}/admin/admin_order/cancel/list">
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <label for="merchartName" class="col-md-5 control-label">商户Name：</label>
                                                <div class="col-md-7" style="padding: 0px">
                                                    <input type="text" class="form-control" value="${(merchartName)!''}" name="merchartName" id="merchartName" placeholder="商户Name">
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <label for="inputEmail3_" class="col-sm-5 control-label">骑手Name：</label>
                                                <div class="col-sm-7" style="padding: 0px">
                                                    <input type="text" class="form-control" value="${(riderName)!''}" name="riderName" id="inputEmail3_" placeholder="骑手Name">
                                                </div>
                                            </div>
                                            <div class="col-md-2" style="padding: 0px;">
                                                <label class="col-md-5 control-label">取消日期：</label>
                                                <div class="input-group date col-md-7">
                                                    <div class="input-group-addon">
                                                        <i class="fa fa-calendar"></i>
                                                    </div>
                                                    <input type="text" class="form-control pull-right" name="dateRangeBe" value="${(dateRangeBe)!''}" id="datepicker">
                                                </div>
                                            </div>
                                            <div class="col-md-2" style="padding: 0px;">
                                                <label class="col-md-2 control-label">--</label>
                                                <div class="input-group date col-md-7">
                                                    <div class="input-group-addon">
                                                        <i class="fa fa-calendar"></i>
                                                    </div>
                                                    <input type="text" class="form-control pull-right" name="dateRangeEn" value="${(dateRangeEn)!''}"  id="datepicker_">
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <button type="button" onclick="HF.query('tableForm');" class="btn btn-primary">Query</button>
                                            </div>
                                        </div>
                                    </div>
                                <table class="table table-bordered">
                                    <tr>
                                        <th>SequenceNo</th>
                                        <th>商户Name</th>
                                        <th>货物类型</th>
                                        <th>起始地址</th>
                                        <th>目的地址</th>
                                        <th>起送日期</th>
                                        <th>骑手姓名</th>
                                        <th>骑手联系方式</th>
                                        <th>取消日期</th>
                                        <th>订单金额</th>
                                        <th>订单Status</th>
                                        <th style="width: 80px;">ActionList</th>
                                    </tr>
                                    <#if list??&&list?size gt 0>
                                    <#list list as t>
                                    <tr>
                                        <td>${t_index+1}</td>
                                        <td>${(t.merchartName)!""}</td>
                                        <td>${(t.goodsType)!""}</td>
                                        <td>${(t.start)!""}</td>
                                        <td>${(t.end)!""}</td>
                                        <td>${nav.getDate((t.startTime)!0)}</td>
                                        <td>${(t.riderName)!""}</td>
                                        <td>${(t.riderPhone)!""}</td>
                                        <td>${nav.getDate((t.cancelDate)!0)}</td>
                                        <td>¥${(t.riderAmount)!"0"}</td>
                                        <td>${nav.getOrderStatus((t.status)!"")}</td>
                                        <td style="width: 80px;">
                                            <div class="btn-group">
                                                <button type="button" class="btn btn-default">..</button>
                                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                                    <span class="caret"></span>
                                                    <span class="sr-only">Toggle Dropdown</span>
                                                </button>
                                                <ul class="dropdown-menu" role="menu">
                                                    <li><a href="${base}/admin/admin_order/cancel_vo/${t.id}">订单详情</a></li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                </#list>
                                 <#else>
                                     <td colspan="11" align="center">no record!</td>
                            </#if>
                            </table>
                        </div>
                        <!-- /.box-body -->
                        <@p.pager pageNo=pageNo pageSize=pageSize totalCount=totalCount />
                            </form>
                    </div>
                    <!-- /.box -->
                </div>
    </div>
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer">
    <div class="pull-right hidden-xs">
        <b>Version</b> 2.4.0
    </div>
    <strong>Copyright &copy; 2014-2016 <a href="https://adminlte.io">Almsaeed Studio</a>.</strong> All rights
    reserved.
</footer>
<div class="control-sidebar-bg"></div>
</div>
<#include "/include/js_footer.html"/>
<script type="application/javascript">
    $(function () {

//        $('#reservation').daterangepicker();
//      //  $('#reservation').daterangepicker({autoUpdateInput:false});
//        $('.reservation').daterangepicker({
//
//            startDate:'', endDate:''})
        $.fn.datepicker.defaults.format = "yyyy-mm-dd";
        $('#datepicker').datepicker({
            autoclose: true
        })

        $('#datepicker_').datepicker({
            autoclose: true
        })

    })
</script>
</body>
</html>
